  <template>
    <el-table
      :data="tableData"
       border
       stripe
       
      style="width: 150%">
      <el-table-column
      align = "left"
        prop="Job_Name"
        label="职业"
        width="150">
      </el-table-column>
      <el-table-column
      align = "left"
        prop="Pay"
        label="薪水"
        width="150">
      </el-table-column>
      <el-table-column
      align = "left"
        prop="Seniority"
        label="工作经验"
        width="150">
      </el-table-column>
      <el-table-column
      align = "left"
        prop="Education"
        label="学历"
        width="150">
      </el-table-column>
      <el-table-column
      align = "left"
        prop="Com_Name"
        label="公司名称"
        width="150">
      </el-table-column>
      <el-table-column
      align = "left"
        prop="People_Num"
        label="人数"
        width="150">
      </el-table-column>
      <el-table-column
      align = "left"
        prop="Stage"
        label="阶段"
        width="150">
      </el-table-column>
      <el-table-column
      align = "left"
        prop="Industry"
        label="行业"
        >
      </el-table-column>
    </el-table>
  </template>
    <script>
import axios from "axios";
export default {
  name: "list",

  mounted() {
    axios.get("http://127.0.0.1:8080/jobs/java").then(response => {
      this.tableData = response.data;
      console.log(response);
    });
  },
  data() {
    return {
      tableData: null
    };
  }
};
</script>

